<template>
	<view class="recommend">
		<span></span>
		<image class='love-heart' src="@/static/cart/love.png"/>
		<slot name='title'></slot>
		<span></span>
	</view>
</template>

<script>
</script>

<style lang='scss'>
	.recommend{
		width: 100%;
		height: 100rpx;
		padding-top: 10rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #d81e06;
		font-size: 30rpx;
		font-weight: bold;
		background-image: linear-gradient(to right top,#FFFFFF,#F0F8FF);
		.love-heart{
			width: 45rpx;
			height: 45rpx;
			margin-left: 20rpx;
		}
		span{
			width: 35%;
			height: 2rpx;
		}
		span:first-child{
			background-image: linear-gradient(to right,rgba(216,30,6,.1),rgba(216,30,6,.4),rgba(216,30,6,.7));
		}
		span:last-child{
			background-image: linear-gradient(to left,rgba(216,30,6,.1),rgba(216,30,6,.4),rgba(216,30,6,.7));
		}
	}
</style>
